<template>
	<view class="page" v-if="data">
		<view class="title">{{data.title}}</view>
		<view class="content">{{data.content}}</view>
		<view class="time">通知于{{data.add_time}}</view>
	</view>
</template>

<script setup>
	import {messageSystemDetail} from "@/api/user.js"
	import {ref} from "vue"
	import {onLoad} from "@dcloudio/uni-app"
	const data=ref('')
	onLoad( async (obj)=>{
		let res=await messageSystemDetail(obj.id)
		data.value=res.data
	})
	
</script>


<style lang="scss">
	page{
		background: #F5F6FA;
	}
	.page{
		padding:28rpx;
		background-color: #fff;
	}
	.title{
		padding: 20rpx;
		    font-size: 32rpx;
		    font-weight: bold;
		    padding-bottom: 20rpx;
		    border-bottom: 1px solid #f2f2f2;
	}
	.content{
		padding: 20rpx;
		font-size: 28rpx;
		color: #333;
	}
	.time{
		color: #ababab;
		text-align: right;
		padding-right: 30rpx;
		margin-top: 30rpx;
		font-size: 28rpx;
	}
	
	
</style>

